﻿{% extends "gma/base.html" %}
{% load mytag %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

<div class="page__bd">
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd"> 用户列表({{ total_count }}) </div>
        <div class="weui-panel__bd">
            {% for user in casters %}
            <a href="{% url 'gma:caster_detail' user.uid %}" class="weui-media-box weui-media-box_appmsg weui-cell_access">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb avatar" src="{{ user.avatar|cdn }}" alt="">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">
                        {% if user.mobile %}
                            <i class="fa fa-mobile gray_color" style="font-size: 22px"></i>
                        {% else %}
                            <i class="fab fa-weixin green_color" style="font-size: 22px"></i>
                        {% endif %}

                        {{ user.uid }}
                    </h4>
                    <p class="weui-media-box__desc">{{ user.nickname }}</p>
                    {% if user.star_desp %}
                    <p class="weui-media-box__desc">{{ user.star_desp }}</p>
                    {% else %}
                    <p class="weui-media-box__desc">{{ user.create_time|date:"Y-m-d H:i:s" }}</p>
                    {% endif %}
                </div>

                <div class="weui-cell__ft">
                    <span>
                        {{ user.city }}

                        {% if user.recommend_value > 0 %}
                        <i class="fa fa-arrow-alt-circle-up" style="font-size: 22px"></i>
                        {% endif %}

                        {% if user.is_ios_device %}
                        <i class="fab fa-apple red_color" style="font-size: 22px"></i>
                        {% else %}
                        <i class="fab fa-android green_color" style="font-size: 22px"></i>
                        {% endif %}
                    </span>
                </div>
            </a>
            {% endfor %}

            <div class="weui-media-box weui-media-box_text">
                <ul class="weui-media-box__info">
                    <li class="weui-media-box__info__meta"> 共有 {{ total_count }} 名用户 </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="page__ft">
    <a href="{% url 'gma:home' %}">
        <span class="bottom-logo">
           HiBao
       </span>
    </a>
</div>

{% endblock content %}


<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
{% endblock extra_js %}